<div class="fileUploader">
  <span class="flowUp-btn" (click)="checkFileInput.click()"
    *ngIf="multiple || (!multiple&&flowFiles.length==0)">添加文件</span>
  <ng-container #flowAdvanced="flow" [flowConfig]="{target: '/'}"></ng-container>
  <input type="file" #checkFileInput class="input-file" (change)="fileUpload($event)" />
  <input #uploadFileInput type="file" class="input-file" flowButton [flow]="flowAdvanced.flowJs">
  <!-- <div class="drop-area" flowDrop [flow]="flowAdvanced.flowJs">
    <span>Drop files here</span>
  </div> -->
  <div class="transfers" #transferRow>
    <div class="transfer" *ngFor="let transfer of flowFiles;let i = index">
      <div class="mask" style=" background: rgba(0, 169, 220, 0.07);border-radius:4px;  "
        [style.width]="transfer.percent +'%'"></div>
      <div class="row">
        <span class="name">{{transfer.name}}</span>
        <span class="size">{{sizeTransform(transfer.size)}}</span>
        <span class="percent">{{transfer.percent}}%</span>
        <div class="control">
          <i class="anticon anticon-pause" (click)="paused(transfer)"
            *ngIf="transfer.paused == false && transfer.percent!=100"></i>
          <i class="anticon anticon-caret-right" (click)="start(transfer,0)"
            *ngIf="transfer.paused == true && transfer.percent!=100"></i>
          <!-- <i class="anticon anticon-download" (click)="downLoad(transfer)" *ngIf="transfer.percent==100"></i> -->
          <i class="anticon anticon-close" (click)="remove(transfer, i)"></i>
        </div>
        <!-- <nz-progress *ngIf="transfer.percent" [nzPercent]="transfer.percent" nzStatus="{{transfer.percent==100?'success':'active'}}">'</nz-progress> -->
      </div>

      <!-- <div>
        <button (click)="getStatus(transfer)">getStatus</button>
        <button (click)="getUploadUrl()">getUploadUrl</button>
        <button (click)="paused(transfer)">暂停</button>
        <button (click)="start(transfer)">开始</button>
        <button *ngIf="transfer.url" (click)="downLoad(transfer)">下载</button>
      </div> -->
    </div>
  </div>
</div>